export const STYLES = {
  page: "min-h-screen h-dvh bg-gray-100 flex flex-col",
  card: "bg-white rounded-2xl shadow p-6 h-full flex flex-col min-h-0",
  title: "text-2xl font-bold text-black",
  btnPrimary:
    "px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:bg-gray-400",
  btnSecondary:
    "px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:bg-gray-400",
  fileInput:
    "block w-full px-4 py-2 border border-gray-300 rounded-lg bg-white text-gray-800 cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-400 hover:border-blue-400 transition",
  fileListWrapper:
    "text-sm bg-gray-50 text-gray-800 p-2 rounded max-h-40 overflow-y-auto",
  reportPre:
    "bg-gray-900 text-green-400 p-4 rounded max-h-96 overflow-y-auto text-sm",
    textInput:
    "block w-full px-4 py-2 border border-gray-300 rounded-lg bg-white text-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-400 hover:border-blue-400 transition",
} as const;
